{include file="index@public/header" /}
<style>
body {
  background: #e1e0de;
}
* {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
}
.layui-card {
  padding: 10px 20px 50px;
  margin-bottom: -16px !important;
}
p {
  margin: 0 0 10px !important;
}
.layui-container {
  padding: 0 !important;
}
img {
  max-width: 100%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
.layui-breadcrumb {
  padding-left: 15px;
}
.layui-card h1 {
  margin: 10px auto 0;
}
.description {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
}


.layui-textarea {
  resize: none !important;
}

@media screen and (max-width: 800px) {
  .layui-card-header {
    line-height: normal !important;
    font-size: 10px !important;
  }
}

        .bearing-pdf {
            position: absolute;
            right: 8px;
            top: -10px;
            color: #cbcbcb;
            background: url(/static/uploads/2018/07/printer.png) no-repeat left center;
            padding-left: 20px;
            cursor: pointer;
        }

        #magnifier{margin-top:10px;position: relative;}
        #magnifier img{width: 100%;}
        #movescre{position:absolute;display:none;width:20%;height:30%;border:1px solid #ccc;background: #ffffcc;opacity: 0.5;filter: alpha(opacity=50);z-index: 10;cursor:pointer;}
        #magnifier_show{position:absolute;overflow:hidden;display:none;border:1px solid black;width:100%;max-width:312px;height:372px;margin-top:10px;z-index: 100}
        #magnifier_show img{position:absolute;top:0;left:0;min-width:1200px}

        tr {
            border-bottom: 1px solid #ccc;
        }
        tr:hover{background-color: #36648A;color:#ffffff}
        td {
            font: 12px/14px arial,helvetica,sans-serif;
            padding: 2px 5px 2px 0px;
            width:50%;
        }
       
    
    </style>
	
	<!-- 详情页移动适配 -->
	<link rel="stylesheet" type="text/css" href="/static/css/detail_page_adaptive_phone.css"/>
	<style type="text/css">
	@media screen and (max-width: 760px){
		.card-box .layui-row .layui-col-md4{
			display: flex;
		}
	}
		
	</style>
	
	
	
 <div class="layui-container" style="width: 100%;">
        <div class="layui-card card-box">
         
            <div class='firstbreadcrumb' style='display: inline-block;'>
				<span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
            </div>
			<div class="firstbreadcrumbT">  		<!-- 新加内容 -->
				{:lang('Skateboard Bearings')}
			</div>
            <div class="layui-card-header">
                <h1>{:lang('Abec 3 Chrome Steel Skateboard Bearings')}</h1>
            </div>

            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md5">
                        <div class="layui-col-md3 detail-img-box" style='text-align: center;'>
                            <img src="{:Config::get('app.images_host')}/images/web/201492521545136892.jpg" style='padding:10px;width:80%'/>
                        </div>
                        <div class="layui-col-md9" style="font: 12px/14px arial,helvetica,sans-serif;">
                          <p><span style="color: #ff0000;">{:lang('Price')} MOQ: 5,000pcs(8pcs/set) &nbsp;Abec5 $0.25/pc &nbsp; &nbsp;Abec7 $0.26/pc &nbsp; &nbsp;Abec9 $0.28/pc</span><br>
                            <span style="color: #ff0000;"> {:lang('Qty')}.: 10,000pcs(8pcs/set) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Abec5 $0.2/pc &nbsp; &nbsp; &nbsp;Abec7 $0.21/pc &nbsp; &nbsp; Abec9 $0.23/pc</span><br>
                            <span style="color: #ff0000;"> {:lang('Qty')}.: 50,000pcs(8pcs/set) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Abec5 $0.17/pc &nbsp; &nbsp; Abec7 $0.175/pc &nbsp; Abec9 $0.18/pc</span></p>
                          <p><span style="color: #ff0000;">{:lang('Packaging Free')} !</span></p>  
                                                                                   
                            <p><span style="color: #36648A;">{:lang('Features')}：</span></p>
                            <p>ABEC {:lang('Grades')}: ABEC 3</p>
                            <p>{:lang('Retainer Material')}: {:lang('Nylon')}</p>
                            <p>{:lang('Balls Material')}: {:lang('Steel')}</p>
                            <p>{:lang('Size')}: ID8mm x OD22mm x W7mm</p>
                            <p>{:lang('Printed Type')}: {:lang('Relief')}</p>
                            <p>{:lang('Colour of Seals')}: {:lang('Red Metal Shielded')}</p>
                            <p>{:lang('Package')}: {:lang('General')}</p>
                            <p>{:lang('Lubricating')}: {:lang('Super speedy bearing oil')}</p>

                        </div>
                    </div>
                    <div class="layui-col-md4">
                     
                          <div class="layui-col-md4"><img style='width:100%;padding: 10px' src="{:Config::get('app.images_host')}/images/web/201492521545136892-150x150.jpg"></div>
                          <div class="layui-col-md4"><img style='width:100%;padding: 10px' src="{:Config::get('app.images_host')}/images/web/20149252155198729-150x150.jpg"></div>
                          <div class="layui-col-md4"><img style='width:100%;padding: 10px' src="{:Config::get('app.images_host')}/images/web/201492521551041518-150x150.jpg"></div>
                       
                    </div>
                    {include file="index@public/form" /} 
                </div>
            </div>
        </div>
    </div>
</body>

</html>
{include file="index@public/footer" /} 
<script type="text/javascript">
    layui.use(['carousel', 'form'], function(){
  var carousel = layui.carousel
  ,form = layui.form;
  })

var firstbreadcrumb=$('.firstbreadcrumb').width();
$('.secondbreadcrumb').css({width:(firstbreadcrumb+72)+'px'});
</script>


<script type="text/javascript">
    var Product_Number='Abec 3 Chrome Steel Skateboard Bearings';
    var lasturl=<?php if(isset($_SERVER['HTTP_REFERER'])){ echo "'".$_SERVER['HTTP_REFERER']."'";}else{echo "'"."'";}?>;/*上一个页面的url 不能在ajax里面书写这样就多了一层页面关系*/
    var nowurl=window.location.href;/*当前页面url*/
    var posturl="{:url('index/Index/send_inquiry')}";
</script>
<script src="/static/js/form.js?v={:time()}" charset="utf-8"></script>
